<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>后台注册页面</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css">
		<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script type="text/javascript" src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js"></script>
		<script src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>

	</head>
	<body>
		<div class="login-logo">
			<h1>后台注册页面</h1>
		</div>
		<div class="login-box">
			<form id="register" class="layui-form layui-form-pane" >

				<h3>注册你的帐号</h3>
				<label class="login-title" for="username">帐号</label>
				<div class="layui-form-item">
					<label class="layui-form-label login-form"><i class="iconfont">&#xe6b8;</i></label>
					<div class="layui-input-inline login-inline">
						<input type="text"  name="username" lay-verify="required" placeholder="请输入你的帐号" autocomplete="off" class="layui-input">
					</div>
				</div>
				<label class="login-title" for="password">密码</label>
				<div class="layui-form-item">
					<label class="layui-form-label login-form"><i class="iconfont">&#xe82b;</i></label>
					<div class="layui-input-inline login-inline">
						<input type="password" name="password" lay-verify="required" placeholder="请输入你的密码" autocomplete="off" class="layui-input">
					</div>
				</div>
				<label class="login-title" for="password">确认密码</label>
				<div class="layui-form-item" >
					<label class="layui-form-label login-form"><i class="iconfont">&#xe82b;</i></label>
					<div class="layui-input-inline login-inline">
						<input type="password" name="reapeat" lay-verify="required" placeholder="请输入你的确认密码" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="form-actions" style="margin-top: 45px;">
					<a class="btn btn-warning pull-right" href="login.html" style="display: inline-block;">返回登录</a>
					<button class="btn btn-warning pull-right" lay-submit lay-filter="register" type="submit">注册</button>
					
				</div>
			</form>
		</div>
		<div class="bg-changer">
			<div class="swiper-container changer-list">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img class="item" src="./images/a.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/b.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/c.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/d.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/e.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/f.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/g.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/h.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/i.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/j.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/k.jpg" alt=""></div>
					<div class="swiper-slide"><span class="reset">初始化</span></div>
				</div>
			</div>
			<div class="bg-out"></div>
			<div id="changer-set"><i class="iconfont">&#xe696;</i></div>
		</div>
		<script>
			$(function() {
				
				layui.use('form', function() {
					var form = layui.form();
					//监听提交

					form.on('submit(register)', function() {
					var username = $("input[name='username']").val();
					var password = $("input[name='password']").val();
					var reapeat =$("input[name='reapeat']").val();
					if(password!=reapeat){
						layer.msg("两次密码不一样");
						return false;
					}else{
						$.ajax({
							url: "../ssm_design/register.form",
							type: "post",
							data: $("#register").serialize(),
							success: function(data) {
								if (data == "success") {
									layer.msg("注册成功");
									window.location.href = "login.html";
								} else {
									
									layer.msg("账号:"+username+"已存在");
									return false;
								}
							}

						});
						}

						return false;
					});

				});
			});
		
		</script>
		
	</body>
</html>
